/*首页*/
.tabbar-home {
	background-image: url(../../../img/tabbar/home.png);
	background-repeat: round;
}
.tabbar-home.active{
	background-image: url(../../../img/tabbar/home_active.png);
	background-repeat: round;
}
/*消息*/
.tabbar-message {
	background-image: url(../../../img/tabbar/message.png);
	background-repeat: round;
}
.tabbar-message.active{
	background-image: url(../../../img/tabbar/message_active.png);
	background-repeat: round;
}
/*通讯录*/
.tabbar-contact {
	background-image: url(../../../img/tabbar/contact.png);
	background-repeat: round;
}
.tabbar-contact.active{
	background-image: url(../../../img/tabbar/contact_active.png);
	background-repeat: round;
}
/*应用*/
.tabbar-app {
	background-image: url(../../../img/tabbar/app.png);
	background-repeat: round;
}
.tabbar-app.active{
	background-image: url(../../../img/tabbar/app_active.png);
	background-repeat: round;
}
/*资料库*/
.tabbar-filedata {
	background-image: url(../../../img/tabbar/filedata.png);
	background-repeat: round;
}
.tabbar-filedata.active{
	background-image: url(../../../img/tabbar/filedata_active.png);
	background-repeat: round;
}
/*我*/
.tabbar-me {
	background-image: url(../../../img/tabbar/me.png);
	background-repeat: round;
}
.tabbar-me.active{
	background-image: url(../../../img/tabbar/me_active.png);
	background-repeat: round;
}


/*动画测试*/
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
  }
}

@keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
  }
}

.slideUp {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}



@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideDown {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}
